<div class="row title">
	<?php if(count($items) > 0): ?>
	<div class="col-md-3"> </div>
	<?php endif; ?>
	<div class="col-md-<?= count($items) > 0 ? 9 : 12; ?>"><h2><?= $category[$als]['name'] ?></h2></div>
</div>

<div class="row">
	<!-- Nav -->
	<?php if(count($items) > 0): ?>
	<div class="col-md-3">
		<ul class="sidebar">
			<?php foreach($items as $item): ?>
			<!-- <li><a href="<?= $this->webroot; ?>products/lists/<?= $item[$als]['id']; ?>"><?= $item[$als]['name'] ?> </a></li>  -->
			<li>
				<a href="<?= $this->webroot. $category[$als]['als'].'/'.$item[$als]['als'].'-' .$item[$als]['id'] ?>"><?= $item['Category']['name'] ?> </a>
			</li>
			<?php endforeach; ?>
		</ul>
	</div>
	<?php endif; ?>
	<!-- End Nav -->

	<!-- Main Right -->
	<div class="col-md-<?= count($items) > 0 ? 9 : 12; ?>">
		<!-- End siler -->
		<div id="slider" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<?php foreach($images as $k => $img):?>
				<li data-target="#slider" data-slide-to="<?= $k ?>" <?= $k == 0 ? 'class="active"' : '' ?>></li>
				<?php endforeach;?>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">
				<?php foreach($images as $k => $img):?>
				<div class="item <?= $k == 0 ? 'active' : '' ?>">
					<img src="<?= PUBLIC_DETAIL_SHOW. $img['Image']['image'] ?>" alt="">
					<div class="carousel-caption"></div>
				</div>
				<?php endforeach;?>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#slider" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control" href="#slider" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div>
		<!-- End siler -->

		<!-- Content -->
		<div class="content"><?= $category[$als]['desc'] ?></div>
		<!-- End Content -->
	</div>
	<!-- End Main Right -->
</div>